
#videoPlay_box {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: relative;

  .watermark {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    text-shadow: #000 2px 2px 2px;
    letter-spacing: 3px;
    font-size: 16px;
    font-weight: bold;
    &.watermark12{
      font-size: 16px/2;
    }
  }
  .is_full_btn{
    position: absolute;
    text-shadow: #000 2px 2px 2px;
    color: #fff;
    font-weight: bold;
    top: 10px;
    right: 20px;
    &.closeButton{
      i.iconfont{
        font-size: 24px;
      }
    }

    i.iconfont{
      font-size: 24px;
    }
  }
  .is_full_btnwx{
    position: absolute;
    text-shadow: #000 2px 2px 2px;
    color: #fff;
    font-weight: bold;
    &.openButton{
      top: 10px;
      right: 20px;
    }
    &.closeButton{
      top: 10px;
      right: 20px;
      i.iconfont{
        font-size: 24px;
      }
    }

    i.iconfont{
      font-size: 24px;
    }
  }

    #video-wrap-player {
      width: 100%;
      height: 100%;
      &.landscape{
        position: fixed;
        top: 50%;
        left: 50%;
        transform-origin: top left;

        transform: rotate(90deg) translateX(-50%) translateY(-50%); /* 旋转90度，根据需要调整 */
        -webkit-transform: rotate(90deg) translateX(-50%) translateY(-50%); /* 旋转90度，根据需要调整 */
        width: 100vh;
        height: 100vw;
        padding-left: 50px;
        box-sizing: border-box;
        /deep/.vjs-control-bar {
          transform-origin: bottom left;
          transform: rotate(-90deg);
          width: 100vw;
          position: fixed !important;
          bottom: 0;
          left: 100vh;
        }
        .video-player{
          width: 100%;
          height: 100%;

          /deep/.video-js.vjs-fluid {
            width: 100%;
            height: 100% !important;
          }
          /deep/video.vjs-tech{
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important; /* 或者 'contain' 根据需要 */
          }
        }
      }
      &.landscapewx{
        position: fixed;
        top: 50%;
        left: 50%;
        transform-origin: top left;

        transform: rotate(90deg) translateX(-50%) translateY(-50%); /* 旋转90度，根据需要调整 */
        -webkit-transform: rotate(90deg) translateX(-50%) translateY(-50%); /* 旋转90度，根据需要调整 */
        width: 100vh;
        height: 100vw;
        padding-left: 50px;
        box-sizing: border-box;
        /deep/.vjs-control-bar {
          transform-origin: bottom left;
          transform: rotate(-90deg);
          width: 100vw;
          position: fixed !important;
          bottom: 0;
          left: 100vh;
        }
        .video-player{
          width: 100%;
          height: 100%;

          /deep/.video-js.vjs-fluid {
            width: 100%;
            height: 100% !important;
          }
          /deep/video.vjs-tech{
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important; /* 或者 'contain' 根据需要 */
          }
        }
      }
      &.landscapedd{
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        /deep/.vjs-control-bar {

          width: 100vw;
          position: fixed !important;
          left: 0;
          bottom: 0;
        }
        .video-player{
          width: 100%;
          height: 100%;

          /deep/.video-js.vjs-fluid {
            // width: 100%;
            height: 100vh !important;
          }
          /deep/video.vjs-tech{
            // width: 100% !important;
            height: 100vh !important;
            object-fit: contain !important; /* 或者 'contain' 根据需要 */
          }
        }
      }
      .video-player{
        width: 100%;
        height: 100%;

        /deep/.video-js.vjs-fluid {
          width: 100%;
          height: 100% !important;
        }
        // /deep/video.vjs-tech{
        //   // width: 100% !important;
        //   height: 100vh !important;
        //   object-fit: contain !important; /* 或者 'contain' 根据需要 */
        // }
      }

    }


.vjs-fullscreen-control{
  display: none !important;
}

}
